<h2>弹出窗</h2>
<p>弹出窗采用artdialog V6版本，具体使用参数请参考<a href="http://aui.github.io/artDialog/doc/index.html" target="_blank">说明</a>
</p>
<pre>
&lt;script&gt;
    var d = dialog({
        title: '提示',
        content: '按钮回调函数返回 false 则不许关闭',
        okValue: '确定',
        ok: function () {
            this.title('提交中…');
            return false;
        },
        cancelValue: '取消',
        cancel: function () {}
    });
    d.show();
&lt;/script&gt;
</pre>
<h2>TAB切换器</h2>
<p>一般用于表单页的分类</p>
<pre>
&lt;ul class=&quot;uk-tab&quot; data-uk-tab=&quot;{connect:'#tabs'}&quot;&gt;
    &lt;li class=&quot;uk-active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Item&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;&quot;&gt;&lt;a href=&quot;#&quot;&gt;Item&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;&quot;&gt;&lt;a href=&quot;#&quot;&gt;Item&lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;ul id=&quot;tabs&quot; class=&quot;uk-switcher uk-margin-top&quot;&gt;
    &lt;li class=&quot;uk-active&quot;&gt;Hello!&lt;/li&gt;
    &lt;li class=&quot;&quot;&gt;Hello again!&lt;/li&gt;
    &lt;li class=&quot;&quot;&gt;Bazinga!&lt;/li&gt;
&lt;/ul&gt;
</pre>

<h2>所有加载说明</h2>
<p>以下为所有组件加载名，均通过do.js加载</p>
<pre>
&lt;script&gt;
    //UIKIT核心JS
    Do.ready('uikit', function () {});

    //通知组件 - UIKIT
    Do.ready('notify', function () {});

    //工具提示 - UIKIT
    Do.ready('tooltip', function () {});

    //上传组件 - UIKIT
    Do.ready('upload', function () {});

    //灯箱组件 - UIKIT
    Do.ready('lightbox', function () {});

    //拖动排序组件 - UIKIT
    Do.ready('sortable', function () {});

    //嵌套排序组件 - UIKIT
    Do.ready('nestable', function () {});

    //按钮下拉选择 - UIKIT
    Do.ready('select', function () {});

    //粘连组件 - UIKIT
    Do.ready('sticky', function () {});

    //幻灯片 - UIKIT
    Do.ready('slideshow', function () {});

    //左右滑动幻灯 - UIKIT
    Do.ready('slidenav', function () {});

    //HTML编辑器 - UIKIT
    Do.ready('htmleditor', function () {});

    //圆点幻灯 - UIKIT
    Do.ready('dotnav', function () {});

    //自动完成 - UIKIT
    Do.ready('autocomplete', function () {});

    //手风琴切换 - UIKIT
    Do.ready('accordion', function () {});

    //表单密码域 - UIKIT
    Do.ready('password', function () {});

    //系统封装基础 - 系统
    Do.ready('base', function () {});

    //表单验证处理 - validform
    Do.ready('form', function () {});

    //代码高亮 - google高亮
    Do.ready('pre', function () {});

    //时间选择 - laydate
    Do.ready('time', function () {});

    //HTML编辑器 - 百度
    Do.ready('ueditor', function () {});

    //dialog弹出框 - artdialog
    Do.ready('dialog', function () {});
&lt;/script&gt;
</pre>
<script>
    Do.ready('pre', function () {
        $("pre").addClass("prettyprint");
        prettyPrint();
    });
</script>